<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>贷款信息</title>
    <!-- iconfont.css -->
    <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
    <!-- 引入bootstrap -->
    <link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.css">

    <!-- 引入公共css -->
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./dist/css/equally.min.css">
    <!-- 引入个性css -->
    <link rel="stylesheet" href="./dist/css/borrowmoney.min.css">

</head>

<body>
    <!-- 头部导航 -->
    <header>
        <nav class="navbar navbar-expand-lg container justify-content-between">
            <div class="PhoneNumber">
                <i class="iconfont icon-gudingdianhua"></i>
                <a class="navbar-brand phone" href="#">028-86261949</a>
            </div>
            <ul class="nav-top d-flex justify-content-start">
                <li class="nav-item active">
                    <a class="nav-link index-nav" href="./index.html">首页</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link index-nav" href="./landing.html">登录</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link index-nav" href="#">注册</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link index-nav" href="#">帮助</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link index-nav" href="#"> 联系客服</a>
                </li>
            </ul>
        </nav>
    </header>
    <!-- 主体 -->
    <main>
        <!-- 主导航 -->
        <div class="intro">
            <div class="container mainbav ">
                <span><img src="./images/logo.png" alt="" class="mainbav-logo"></span>
                <a href="./index.html">首页</a>
                <a href="#invest">我要投资</a>
                <a href="#borrow">我要借款</a>
                <a href="#personal">个人中心</a>
                <a href="#Newguidance">新手指引</a>
                <a href="#AboutUs">关于我们</a>
            </div>
        </div>

        <!-- 借款人 -->
        <div class="container">
            <div class="row">
                <div class="col-3 leftcontent">
                    <div>
                        <div class="borrower">借款人</div>
                        <div class="head-portrait row">
                            <img src="images/head_icon.jpg" alt="">
                        </div>
                        <div class="nickname"><a href="#">zs</a></div>
                        <div class="nativeplace">籍贯： 四川 - 成都</div>
                        <div class="fulltime">专职客服：<a href="#">码妹妹</a></div>
                        <div class="attestation">认证信息：<a href="#"><span class="iconfont icon-lianxiren"></span></a>
                        </div>
                    </div>
                </div>
                <div class="col-3 middlecontent">
                    <div><span class="Samestylenone">zs借款</span><span class="letter">信</span></div>
                    <div><span class="Samestylentwo">借款金额</span><span class="Samestyle borrowingbalance">2,000.00</span></div>
                    <div><span class="Samestylentwo">年化利率</span><span class="Samestyle annualinterestrate">10.00</span><span  class="Samestyle">%</span></div>
                    <div><span class="Samestylentwo">借款期限</span><span class="Samestyle  lifeofloan">3</span><span class="Samestyle">月</span></div>
                    <div><span class="Samestylentwo">投标奖励</span><span class="Samestyle tenderoffer">0.00</span></div>
                    <div><span class="Samestylentwo">还款方式</span><span class="Samestyle modeofrepayment ">按月分期还款</span></div>
                    <div><span class="Samestylentwo">最小投标</span><span class="Samestyle The-minimum-bid">20.00</span></div>
                    <div><span class="Samestylentwo">剩余时间</span><span class="timeremaining"></span></div>
                </div>
                <div class="col-3 rightright">
                    <div class="mb-1">
                        <div>
                            <span class="Samestylentwo">投标总数</span>
                            <span class="Samestyle">2</span>
                        </div>
                    </div>
                    <div class="mb-1">
                        <div>
                            <span class="Samestylentwo">还需金额</span>
                            <span class="Samestyle Still-need-the-amount">0.00元</span>
                        </div>
                    </div>
                    <div class="mb-1 Samestylentwo">投标进度</div>
                    <div class="mb-1">
                        <div class="progress">
                            <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"
                                aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 100%"></div>
                        </div>
                    </div>
                    <div class="mb-1 Samestyle0">还款中</div>
                    <button type="button" class="btn btn-primary "><div class="mb-1 I-want-to-invest">我要投资</div></button>
                </div>
            </div>
        </div>
        <!-- 借款人信息 -->
        <div class="container Borrowerinformation">
            <div class="Borrowerinformation-title">借款人信息</div>
            <table class="table table-borderless">
                <tbody>
                    <tr>
                        <th scope="row">
                            <span class="c-999">注册时间</span>
                            <span class="Samestyle0">2015-03-30</span>
                        </th>
                        <td>
                            <span class="c-999">借款额度</span>
                            <span class="Samestyle0">2000</span>
                        </td>
                        <td>
                            <span class="c-999">性别</span>
                            <span class="Samestyle0">男</span>
                        </td>
                        <td>
                            <span class="c-999">年龄</span>
                            <span class="Samestyle0">25</span>
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">
                            <span class="c-999">文化程度</span>
                            <span class="Samestyle0">硕士研究生</span>
                        </th>
                        <td>
                            <span class="c-999">每月收入</span>
                            <span class="Samestyle0">3000-499</span>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <!-- 借款人信息 -->
        <div class="container Borrowerinformation">
            <div class="Borrowerinformation-title">审核认证信息</div>
            <table class="table table-borderless">
                <tbody>
                    <tr>
                        <th scope="row">
                            <span class="c-999">认证时态度</span>
                            <span class="Samestyle0">优</span>
                        </th>
                        <td>
                            <span class="c-999">信贷知识掌握情况</span>
                            <span class="Samestyle0">优</span>
                        </td>
                        <td>
                            <span class="c-999">借款感言</span>
                            <span class="Samestyle0">给我2000度过难关</span>
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">
                            <span class="c-999">审核员认证意见</span>
                            <span class="Samestyle0">正在审核</span>
                        </th>
                </tbody>
            </table>
        </div>
        <!-- 借款人信息 -->
        <div class="container Borrowerinformation">
            <div class="Borrowerinformation-title">材料信息</div>
            <table class="table table-borderless">
                <tbody>
                    <tr>
                        <th scope="row">
                            <span>材料类型</span>
                        </th>
                        <td>
                            <span>材料数量</span>
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">
                            <span>本人身份证</span>
                        </th>
                        <td>
                            <span>2</span>
                        </td>
                </tbody>
            </table>
        </div>
        <!-- 还款情况 -->
        <div id="Paymentconditions" class="container Borrowerinformation">
            <div class="Borrowerinformation-title">还款情况</div>
            <table class="table table-striped ">
                <thead>
                    <tr>
                        <th scope="col" class="without">还款状态</th>
                        <th scope="col" class="without">最近一周</th>
                        <th scope="col" class="without">最近1月</th>
                        <th scope="col" class="without">最近6月</th>
                        <th scope="col" class="without">6个月前</th>
                        <th scope="col" class="without">总计[?]</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <th scope="row">准时还款</th>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                    </tr>
                    <tr>
                        <th scope="row">逾期已还</th>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                    </tr>
                    <tr>
                        <th scope="row">逾期未还</th>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                    </tr>
                    <tr>
                        <th scope="row">提前还款</th>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                        <td>0</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <!-- 还款情况 -->
        <div id="Thebidrecords" class="container Borrowerinformation">
            <div class="Borrowerinformation-title">投标记录</div>
            <table class="table table-striped ">
                <thead>
                    <tr>
                        <th scope="col" class="without">投标人</th>
                        <th scope="col" class="without">年利率</th>
                        <th scope="col" class="without">有效金额(¥)</th>
                        <th scope="col" class="without">投标时间</th>
                        <th scope="col" class="without">类型</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <th scope="row">si*****</th>
                        <td>10%</td>
                        <td>1,000.00</td>
                        <td>2016-05-11 06:42:11</td>
                        <td>手动投</td>
                    </tr>
                    <tr>
                        <th scope="row">ia*****</th>
                        <td>10%</td>
                        <td>1,000.00</td>
                        <td>2016-05-11 06:42:11</td>
                        <td>手动投</td>
                    </tr>
                </tbody>
            </table>
        </div>
       
    </main>
    <!-- 尾部 -->
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-sm-8 message">
                    <p>专业Java培训、PHP培训、Android培训机构</p>
                    <p> 版权所有： 2006-2015成都源代码教育咨询有限公司</p>
                    <p>地  址： 成都市高新区府城大道西段399号天府新谷1号楼620-625</p>
                    <p>电  话： 028-86261949 / 400-808-6840  邮箱： yuandaima@itsource.cn</p>
                    <span class="ForReference"><a href="#">蜀ICP备14030149号-1</a><a href="#">蜀公网安备510114990541</a></span>
                </div>
                <div class="col-sm-2 ContactUs">
                    <span>官方微博：</span>
                    <img src="images/tecent.png" alt="">
                    <img src="images/sina.png" alt="">
                </div>
                <div class="col-sm-2 ContactUs">
                    <span>官方微信：</span>
                    <img src="images/wx.jpg" alt="">
                </div>
            </div>
        </div>
    </footer>
    <!-- 引入jq -->
    <script src="./lib/jquery/jquery.js"></script>
    <script src="./lib/popper/popper.js"></script>
    <script src="./lib/bootstrap/js/bootstrap.js"></script>

    <!-- 个性js -->
    <script src="./js/borrowmoney.js"></script>

</body>

</html>